﻿@using Bll
@model MS<DataInfo<CompDetailInfoModel>>
@{
    Layout = "~/Views/Shared/_Blank_Js.cshtml";
    ViewBag.Title = "企业详情-Pizza";
}
@if (!Model.D1.Success)
{
    @Html.Raw("<script> ErrorMsg('" + Model.D1.Message + "','" + Url.Action("Index", "Home") + "'); </script>")
    return;
}
@{
    CompDetailInfoModel d = Model.D1.Data;
    ViewBag.Title = d.Name + "-企业详情-Pizza";
}
@section Head{
    <style type="text/css">
        body {
            background-color: #eee;
        }

        .canvasWrapper {
            border: #DDD solid 1px;
            height: 190px;
            margin: 12px auto 0 auto;
            padding: 5px;
            text-align: center;
            width: 240px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/company.css")">
    <!--图表-->
    <script type="text/javascript" src="@Url.Content("~/Content/chart/Chart.js")"> </script>
    <script type="text/javascript" src="@Url.Content("~/Content/chart/Chart2.js")"> </script>
    <!--[if lte IE 8]>
        <script type="text/javascript" src="@Url.Content("~/Content/chart/assets/excanvas.js")"> </script>
    <![endif]-->
    <!--星星-->
    <link href="/Content/rate/src/rateit.css" rel="stylesheet" type="text/css">
    <link href="/Content/rate/content/bigstars.css" rel="stylesheet" type="text/css">
    <script src="/Content/rate/src/jquery.rateit.js" type="text/javascript"> </script>
}
@Html.Partial("_TopNav")
@Html.Partial("~/Views/ControlCompany/_Company_Nav.cshtml")
<div class="container-fluid my_company_container">
    <div class="row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <div class="span9 myLeftBrand pane-wrapper" id="panes_compinfo" style="height: 298px">
                    <div class="row-fluid">
                        <div style="width: 270px;" class="text-center fl">
                            <div class="canvasWrapper" id="pieChart">
                                <canvas id="pieChartCanvas" width="180" height="180"></canvas>
                            </div>
                            <script type="text/javascript">
                                var globalGraphSettings = { animation: Modernizr.canvas };

                                var pieChartData = [
                                    {
                                        value: 30,
                                        color: "#F38630"
                                    },
                                    {
                                        value: 50,
                                        color: "#E0E4CC"
                                    },
                                    {
                                        value: 50,
                                        color: "#69D2E7"
                                    }
                                ];

                                function showPieChart() {
                                    var ctx = document.getElementById("pieChartCanvas").getContext("2d");
                                    new Chart(ctx).Pie(pieChartData, globalGraphSettings);
                                }

                                var graphInitDelay = 300;

                                $(function () {
                                    var $this = $("#pieChart");
                                    $this.removeClass("hidden").off("inview");
                                    setTimeout(showPieChart, graphInitDelay);

                                });

                            </script>
                            <ul class="inline" id="TotalPoint">
                                <li><a class="">很棒</a></li>
                                <li><a class="">满意</a></li>
                                <li class="open"><a class="">一般</a></li>
                                <li><a class="">不满</a></li>
                                <li><a class="">很差</a></li>
                            </ul>
                            <div class="myAllPing color_green m_auto">
                                这家人没有什么优点,也没有什么缺点
                            </div>
                        </div>
                        <div id="companyinfo">
                            <button type="button" class="btn abs-right m15 guangzhu">
                                <i class=" icon-plus"><span style="font-size: 15px;">&nbsp;关注</span></i></button>
                            <div id="select_pane1" class="myimg abs-right text_hide" style="">
                                各项指标
                            </div>
                            <h2 data-trigger="tooltip" data-content="@d.Name" >
                                @(
 d.Name.GetShotrString(15)
                                      )
                            </h2>
                            <div class="row-fluid company_top_info">
                                <div class="span1">
                                    <div class="well">
                                        <i class="myimgico m_auto" style="background-position: -233px -25px; width: 32px; height: 21px; margin-top: 1px;"></i>
                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="companyinfo_tab1">
                                        <h4 class="color_green">关注</h4>
                                        <p class="font_bold color_green num">
                                            @d.Comp_Compsite.Count_Attention
                                        </p>
                                        <p class="dgray note">
                                            被围观次数
                                        </p>
                                    </div>
                                </div>
                                <div class="span1">
                                    <div class="well">
                                        <i class="myimgico m_auto" style="background-position: -295px -20px; width: 32px; height: 27px; margin-top: -2px;"></i>
                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="companyinfo_tab1">
                                        <h4 class="color_green">评论</h4>
                                        <p class="font_bold color_green num">
                                            @d.Comp_Compsite.Count_Comment
                                        </p>
                                        <p class="dgray note">
                                            点评次数
                                        </p>
                                    </div>
                                </div>
                                <div class="span1">
                                    <div class="well">
                                        <i class="myimgico m_auto" style="background-position: -360px -20px; width: 32px; height: 27px; margin-top: -2px;"></i>
                                    </div>
                                </div>
                                <div class="span3">
                                    <div class="companyinfo_tab1">
                                        <h4 class="color_green">排名</h4>
                                        <p class="font_bold color_green num">
                                            @d.Comp_Compsite.Count_OrderBy
                                        </p>
                                        <p class="dgray note">
                                            最受欢迎
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="hr_dashed_left">
                            </div>
                            <dl class="dl-horizontal comp_simp_info">
                                <dt>员工规模</dt>
                                <dd>
                                    @d.Comp_Info.People_Num_String</dd>
                                <dt>所属行业</dt>
                                <dd>
                                    @IndustryService.Instance.GetIndustryName(d.Comp_Info.IndustryID, d.Comp_Info.Industry_Cn)
                                </dd>
                                <dt>公司地址</dt>
                                <dd>
                                    @d.Comp_Info.Contact_Address</dd>
                            </dl>
                        </div>
                    </div>
                    <div class="row-fluid" id="comp_compsite_info">
                        <div>
                            <div id="select_pane2" class="myimg abs-right text_hide" style="top: 97px; width: 34px; height: 94px; background-position: -96px -8px;">
                                返回
                            </div>
                            <div class="row-fluid ">
                                <div class="span7" style="margin-left: 16px;">
                                    <h4>公司印象</h4>
                                    <ul class="inline" id="Count_Impression_Info">
                                        @{
                                            var d1 = JsonHelper.JsonDeserialize<List<string>>(d.Comp_Compsite.Count_Impression);
                                            if (d1 != null)
                                            {
                                                var i = 0;
                                                foreach (string li in d1)
                                                {
                                                    i++;
                                                    if (li.Length > 5) { continue; }
                                            @Html.Raw("<li>" + li + "</li>")
                                                    if (i > 5)
                                                    { break; }
                                                }
                                            }
                                        }
                                    </ul>
                                    <dl class="dl-horizontal Count_Effect_Info">
                                        <dt>
                                            <div class="effect_d1">
                                                <i class="icon-thumbs-up-alt color_red"></i>
                                                <h5 class="bcolor_red">优点</h5>
                                            </div>
                                        </dt>
                                        <dd>
                                            <ol class="GoodComment">
                                                @{
                                                    var d2 = JsonHelper.JsonDeserialize<List<string>>(d.Comp_Compsite.Count_Good_Effect);
                                                    if (d2 != null)
                                                    {
                                                        var i = 0;
                                                        foreach (string li in d2)
                                                        {
                                                            i++;
                                                    @Html.Raw("<li>" + li + "</li>")
                                                            if (i > 4)
                                                            { break; }
                                                        }
                                                    }
                                                }
                                            </ol>
                                        </dd>
                                        <dt>
                                            <div class="effect_d1">
                                                <i class="icon-thumbs-down-alt color_green"></i>
                                                <h5 class="bcolor_green">缺点</h5>
                                            </div>
                                        </dt>
                                        <dd>
                                            <ol class="BadComment">
                                                @{
                                                    var d3 = JsonHelper.JsonDeserialize<List<string>>(d.Comp_Compsite.Count_Bad_Effect);
                                                    if (d3 != null)
                                                    {
                                                        var i = 0;
                                                        foreach (string li in d3)
                                                        {
                                                            i++;
                                                    @Html.Raw("<li>" + li + "</li>")
                                                            if (i > 4)
                                                            { break; }
                                                        }
                                                    }
                                                }
                                            </ol>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="span4 ">
                                    <h4 style="padding-left: 14px;">公司各项指标</h4>
                                    <dl class="dl-horizontal Count_Poi_Info">
                                        <dt>工作环境 </dt>
                                        <dd>
                                            <div class="rateit antenna2" data-rateit-value="@d.Comp_Compsite.Poi_Environment" data-rateit-ispreset="true" data-rateit-step="1"
                                                 data-rateit-readonly="true" data-rateit-min="0" data-rateit-max="5" data-rateit-starwidth="29"
                                                 data-rateit-starheight="29">
                                            </div>
                                        </dd>
                                        <dt>管理水平 </dt>
                                        <dd>
                                            <div class="rateit antenna2" data-rateit-value="@d.Comp_Compsite.Poi_ManageLevel" data-rateit-ispreset="true" data-rateit-step="1"
                                                 data-rateit-readonly="true" data-rateit-min="0" data-rateit-max="5" data-rateit-starwidth="29"
                                                 data-rateit-starheight="29">
                                            </div>
                                        </dd>
                                        <dt>薪资福利 </dt>
                                        <dd>
                                            <div class="rateit antenna2" data-rateit-value="@d.Comp_Compsite.Poi_Salary" data-rateit-ispreset="true" data-rateit-step="1"
                                                 data-rateit-readonly="true" data-rateit-min="0" data-rateit-max="5" data-rateit-starwidth="29"
                                                 data-rateit-starheight="29">
                                            </div>
                                        </dd>
                                        <dt>发展前景 </dt>
                                        <dd>
                                            <div class="rateit antenna2" data-rateit-value="@d.Comp_Compsite.Poi_Future" data-rateit-ispreset="true" data-rateit-step="1"
                                                 data-rateit-readonly="true" data-rateit-min="0" data-rateit-max="5" data-rateit-starwidth="29"
                                                 data-rateit-starheight="29">
                                            </div>
                                        </dd>
                                        <dt>文化氛围 </dt>
                                        <dd>
                                            <div class="rateit antenna2" data-rateit-value="@d.Comp_Compsite.Poi_Culture" data-rateit-ispreset="true" data-rateit-step="1"
                                                 data-rateit-readonly="true" data-rateit-min="0" data-rateit-max="5" data-rateit-starwidth="29"
                                                 data-rateit-starheight="29">
                                            </div>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">

                    $(function () {
                        var isChange = false;
                        var $panes = $.scojs_panes('#panes_compinfo', {
                            integer: 2,
                            easing: 'slide', //xfade, slide , flip
                            onBeforeSelect: function () {
                                panes_next();
                            }
                        });
                        var panes_next = function () {
                            setTimeout(function () {
                                if (!isChange) {
                                    $panes.next();
                                }
                            }, 8000);
                        };
                        //panes_next();
                        //$panes.select(1);
                        $('#select_pane1').on('click', function () {
                            isChange = true;
                            $panes.select(1);
                        });
                        $('#select_pane2').on('click', function () {
                            isChange = true;
                            $panes.select(0);
                        });
                    });
                </script>
                <div class="span3 myRightBrand" style="height: 298px;" id="oppr_company">
                    <ul class="inline">
                        <li><a href="/Company/WriteReview"><i class="icon-edit"></i>我要写点评</a></li>
                        <li><a><i class="icon-book"></i>我的面试记</a></li>
                        <li><a><i class="icon-bar-chart"></i>点评比一比</a></li>
                        <li><a><i class="icon-time"></i>雇主入驻</a></li>
                    </ul>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span9 myLeftBrand">

                    @Html.Partial("~/Views/ControlCompany/CompanyLittleNav.cshtml")

                    <div class="row-fluid bcolor_white mt15">
                        <div class="span12 ">
                            <div class="tabbable" id="tabs-57208">
                                <ul class="nav nav-tabs" id="GoodBadNav">
                                    <li class="active li1"><a href="#panel-678649" data-toggle="tab">全部点评(<span class="font_bold">99</span>)</a> </li>
                                    <li class="li2"><a href="#panel-67385" data-toggle="tab">优点</a> </li>
                                    <li class="li2"><a href="#panel-67385" data-toggle="tab">缺点</a> </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid peopleinfo relative">
                        <div class="btn-group peopleinfo_ding">
                            <button class="btn btn-danger">
                                <i class="icon-thumbs-up-alt"></i>&nbsp;说得好
                            </button>
                            <button class="btn disabled" style="background-color: white">
                                15764人</button>
                        </div>
                        <div class="peopleinfo_hr">
                        </div>
                        <div class="span12" style="height: 80px;">
                            <div class="headphoto fl">
                            </div>
                            <ul class="inline usercart">
                                <li class="li1">
                                    <h4>lenove457</h4>
                                    <p class="time">
                                        1922-05-02 18:20
                                    </p>
                                </li>
                                <li class="li2" style="width: auto;">
                                    <p class="job">
                                        曾经任职:开发工程师
                                    </p>
                                </li>
                            </ul>
                        </div>
                        <div class="span12">
                            <dl class="dl-horizontal people_discu_info">
                                <dt class="mt10"><span class="color_red">优点</span> </dt>
                                <a href="/Company/CommentDetail" target="_blank">
                                    <dd class="mt10">1.工资福利都挺不错的</dd>
                                    <dd>2.同事关系很好，都很有活力 </dd>
                                    <dd>3.腾讯对培训还是很重视的，在那里可以很好的提升自己 </dd>
                                    <dd>4.公司实力雄厚，发展迅速，对自身长远的发展也是很有益的 </dd>
                                </a>
                                <dt class="people_discu_info_t2"><span class="color_green">缺点</span></dt>
                                <a href="/Company/CommentDetail" target="_blank">
                                    <dd class="people_discu_info_t2">1.迟缓</dd>
                                    <dd>2.对移动互联网有些迷茫</dd>
                                    <dd>3.公司大了，大公司病很重</dd>
                                    <dd>4.跨部门沟通异常艰难。 多给员工成长的空间，让员工能够对公司产生强烈的共同感和归属感，让员工能够为公司奋斗而不是为了薪水、职位
                                    </dd>
                                </a>
                            </dl>

                        </div>
                        <div class="span12">
                            <div class="alert alert-success">
                                119人购买过此点评,50个人认为有帮助,你需要支付100金币才可以查看.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span3 myRightBrand ">
                    @Html.Partial("~/Views/Tool/_AjaxRequest1.cshtml",
                                  new ViewDataDictionary
                                      {
                                          {"AjaxUrl", "/ControlCompany/_Ad_Promotion_Company"},
                                      })
                    @Html.Partial("~/Views/Tool/_AjaxRequest2.cshtml",
                                  new ViewDataDictionary
                                      {
                                          {"AjaxUrl", "/ControlCompany/_Company_Be_Attention"},
                                      })
                </div>

                <div class="span9 myLeftBrand">

                    <div class="row-fluid peopleinfo relative mt15">
                        <div class="peopleinfo_hr">
                        </div>
                        <div class="span12" style="height: 80px;">
                            <div class="headphoto fl">
                            </div>
                            <ul class="inline usercart">
                                <li class="li1">
                                    <h4>lenove457</h4>
                                    <p class="time">
                                        1922-05-02 18:20
                                    </p>
                                </li>
                                <li class="li2" style="width: auto;">
                                    <p class="job">
                                        曾经任职:开发工程师
                                    </p>
                                </li>
                            </ul>
                        </div>
                        <div class="span12">
                            <div class="alert alert-info">
                                <i class="icon-comments-alt icon"></i>
                                <div>
                                    你必须发布第一条评论信息才能查看所有的评论信息，<a
                                        href="#">发布评论</a><br />
                                    什么！？没有账号？<a href="#">马上注册</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="span9 myLeftBrand">
                    <div class="row-fluid">
                        <div class="span12 hide"></div>
                        <div class="span12">
                            <div class="alert alert-whiteinfo">
                                <div class="btnwarp">
                                    <div class="btn-group btn-group-vertical">
                                        <button type="button" class="btn"><i class="icon-edit"></i>&nbsp;我要写点评</button>
                                        <button type="button" class="btn"><i class="icon-book"></i>&nbsp;我要去面试</button>
                                    </div>
                                </div>
                                <div>
                                    哟，还没有人对这家人进行评论，欢迎您第一个点评。<br />
                                    发表1个点评得<span class="color_red">20个金币！</span>　　　　　　<a href="#">什么是金币？ </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
